<template>
  <Back/>
  <h2 v-html="this.bannerList.title"></h2>
  <div v-html="this.bannerList.content" style="color: black; font-size: 0.8em"></div>
</template>

<script>
import {getSlideshowById} from "../apis/api.js";
import Back from "../components/BackNavbar.vue";
export default {
  components:{
    Back
  },
  data() {
    return {
      bannerList: [],
    }
  },
  mounted() {
    this.bannerAll();
  },
  methods: {
    bannerAll() {
      getSlideshowById(this.$route.params.id).then(res => {
        console.log(this.$route.params.id);
        this.bannerList = res.data.data;
        console.log(res.data.data);
      });
    }
  }
}
</script>

<style>
h2 {
  text-align: center;
  font-size: 1.1em;
}
</style>